<template>
  <section>
    <!--<app-header></app-header>-->
    <!--<pc-header :show-categories="true"></pc-header>-->
    <yy-header></yy-header>
    <yy-home-banner></yy-home-banner>
    <div class="shopNav">
      <div class="slideall">
        <yy-shop-nav></yy-shop-nav>
      </div>
    </div>
    <yy-right-side-bar></yy-right-side-bar>
  </section>
</template>

<script>

import YYHeader from 'components/common/YYHeader'
import YYShopNav from 'components/common/YYShopNav'
import YYHomeBanner from 'components/common/YYHomeBanner'
import YYRightSideBar from 'components/common/YYRightSideBar'

export default {
  name: 'app',
  components: {
    'yy-header': YYHeader,
    'yy-home-banner': YYHomeBanner,
    'yy-right-side-bar': YYRightSideBar,
    'yy-shop-nav': YYShopNav
  }
}
</script>

<style>

</style>
